.logistics{
	.info{
		background: #FFFFFF;
		border-radius: 12px;
		padding:24px;
		margin-bottom: 24px;
	}
	.info-item{
		display: flex;
		width: 100%;
		font-size:26px;
		justify-content: space-between;
		margin-bottom: 15px;
		&:last-of-type{
			margin-bottom: 0;
		}
	}
	.info-key{
		color:#666;
	}
	.info-val{
		color:#333;
		flex:1;
		padding-left:30px;
		text-align: right;
	}
	height: 100vh;
	overflow-y: auto;
	background: #F5F5F5;
	padding:24px;
	box-sizing: border-box;
	&-box{
		margin-top:24px;
	}
	.box-item{
		position: relative;
    padding: 0 0 30rpx;
	}
	.box-item:first-of-type .box-item__con{
		color:#E6A23C;
	}
	.box-item:first-of-type .box-item__con .time{
		color:#333;
	}
	.box-item:first-of-type .box-item__dot{
		background: #FFC82C;
	}
	.box-item:last-child .box-item__f{
		display: none;
	}
	.box-item__f{
		position: absolute;
    top: 12rpx;
    bottom: -12rpx;
    left: 10rpx;
    border-left: 1PX solid #e2ecf4;
	}
	.box-item__dot{
		position: absolute;
    left: 0;
    top: 10rpx;
    width: 24rpx;
    height: 24rpx;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #fff;
		border:1px solid #FFC82C;
    box-sizing: border-box;
    z-index: 1;
	}
	.box-item__con{
		margin-left: 40rpx;
		min-height: 56rpx;
		color: #333;
		font-size: 28rpx;
		line-height: 1.5;
		text-align: left;
		.time{
			color:#999;
			font-size:24px;
		}
	}
}
